function Son(props) {
  return (
    <>
      <div>
        <h2>
          子组件---{props.name}---{props.jsx}
        </h2>
      </div>
    </>
  );
}

function App() {
  const name = "父组件的数据";
  return (
    <div>
      <h1>
        父组件
        <Son
          name={name}
          age={20}
          isTrue={false}
          list={["vue", "react"]}
          obj={{ uname: "张三", age: 18 }}
          cb={() => console.log(123)}
          jsx={<b>我爱吃中国汉堡</b>}
        />
      </h1>
    </div>
  );
}

export default App;
